<!DOCTYPE html>
<html lang="en-US" dir="ltr">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>ExForm 表单 | ElementPlusExtension</title>
    <meta name="description" content="Vite & Vue powered static site generator.">
    <meta name="generator" content="VitePress v1.6.3">
    <link rel="preload stylesheet" href="/element-plus-extend-doc/static/style.zeTVOZtp.css" as="style">
    <link rel="preload stylesheet" href="/element-plus-extend-doc/vp-icons.css" as="style">
    <script type="module" src="/element-plus-extend-doc/static/chunks/metadata.15cbcbfb.js"></script>
    <script type="module" src="/element-plus-extend-doc/static/app.Bp722aCo.js"></script>
    <link rel="preload" href="/element-plus-extend-doc/static/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
    <link rel="modulepreload" href="/element-plus-extend-doc/static/chunks/theme.D3OqrOCm.js">
    <link rel="modulepreload" href="/element-plus-extend-doc/static/chunks/framework.B3HgsgJJ.js">
    <link rel="modulepreload" href="/element-plus-extend-doc/static/chunks/index.DgrmyhQY.js">
    <link rel="modulepreload" href="/element-plus-extend-doc/static/chunks/fieldDemo.DWDfmAPC.js">
    <link rel="modulepreload" href="/element-plus-extend-doc/static/chunks/dynDataDemo.Cuz8NiMA.js">
    <link rel="modulepreload" href="/element-plus-extend-doc/static/chunks/dynShowDemo.BSujKwAp.js">
    <link rel="modulepreload" href="/element-plus-extend-doc/static/chunks/dynDisabledDemo.CmEW0vP7.js">
    <link rel="modulepreload" href="/element-plus-extend-doc/static/chunks/registerDemo.CYFIX6WN.js">
    <link rel="modulepreload" href="/element-plus-extend-doc/static/chunks/baseDemo.C_eDoEiY.js">
    <link rel="modulepreload" href="/element-plus-extend-doc/static/component_form_index.md.Cjpz70U-.lean.js">
    <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
    <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
  </head>
  <body>
    <div id="app"><div class="Layout" data-v-27e9c719><!--[--><!--]--><!--[--><span tabindex="-1" data-v-270febc3></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-270febc3>Skip to content</a><!--]--><!----><header class="VPNav" data-v-27e9c719 data-v-a7b411f6><div class="VPNavBar" data-v-a7b411f6 data-v-14c1aa5f><div class="wrapper" data-v-14c1aa5f><div class="container" data-v-14c1aa5f><div class="title" data-v-14c1aa5f><div class="VPNavBarTitle has-sidebar" data-v-14c1aa5f data-v-eebd38b2><a class="title" href="/element-plus-extend-doc/" data-v-eebd38b2><!--[--><!--]--><!--[--><img class="VPImage logo" src="/element-plus-extend-doc/logo.png" alt data-v-834c22b2><!--]--><span data-v-eebd38b2>ElementPlusExtension</span><!--[--><!--]--></a></div></div><div class="content" data-v-14c1aa5f><div class="content-body" data-v-14c1aa5f><!--[--><!--]--><div class="VPNavBarSearch search" data-v-14c1aa5f><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-14c1aa5f data-v-e4a3487a><span id="main-nav-aria-label" class="visually-hidden" data-v-e4a3487a> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/element-plus-extend-doc/guild/installation.html" tabindex="0" data-v-e4a3487a data-v-6d090145><!--[--><span data-v-6d090145>指南</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/element-plus-extend-doc/component/form/" tabindex="0" data-v-e4a3487a data-v-6d090145><!--[--><span data-v-6d090145>组件</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/element-plus-extend-doc/directive/tooltip/" tabindex="0" data-v-e4a3487a data-v-6d090145><!--[--><span data-v-6d090145>指令</span><!--]--></a><!--]--><!--]--></nav><!----><div class="VPNavBarAppearance appearance" data-v-14c1aa5f data-v-412170fd><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-412170fd data-v-5cdc11b8 data-v-547402de><span class="check" data-v-547402de><span class="icon" data-v-547402de><!--[--><span class="vpi-sun sun" data-v-5cdc11b8></span><span class="vpi-moon moon" data-v-5cdc11b8></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-14c1aa5f data-v-804c0c80 data-v-4cc52d29><!--[--><a class="VPSocialLink no-icon" href="#" aria-label="github" target="_blank" rel="noopener" data-v-4cc52d29 data-v-8907ceaf><span class="vpi-social-github"></span></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-14c1aa5f data-v-f53d3458 data-v-8ad6d761><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-8ad6d761><span class="vpi-more-horizontal icon" data-v-8ad6d761></span></button><div class="menu" data-v-8ad6d761><div class="VPMenu" data-v-8ad6d761 data-v-decd5931><!----><!--[--><!--[--><!----><div class="group" data-v-f53d3458><div class="item appearance" data-v-f53d3458><p class="label" data-v-f53d3458>Appearance</p><div class="appearance-action" data-v-f53d3458><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-f53d3458 data-v-5cdc11b8 data-v-547402de><span class="check" data-v-547402de><span class="icon" data-v-547402de><!--[--><span class="vpi-sun sun" data-v-5cdc11b8></span><span class="vpi-moon moon" data-v-5cdc11b8></span><!--]--></span></span></button></div></div></div><div class="group" data-v-f53d3458><div class="item social-links" data-v-f53d3458><div class="VPSocialLinks social-links-list" data-v-f53d3458 data-v-4cc52d29><!--[--><a class="VPSocialLink no-icon" href="#" aria-label="github" target="_blank" rel="noopener" data-v-4cc52d29 data-v-8907ceaf><span class="vpi-social-github"></span></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-14c1aa5f data-v-3138a15f><span class="container" data-v-3138a15f><span class="top" data-v-3138a15f></span><span class="middle" data-v-3138a15f></span><span class="bottom" data-v-3138a15f></span></span></button></div></div></div></div><div class="divider" data-v-14c1aa5f><div class="divider-line" data-v-14c1aa5f></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-27e9c719 data-v-68fe55c1><div class="container" data-v-68fe55c1><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-68fe55c1><span class="vpi-align-left menu-icon" data-v-68fe55c1></span><span class="menu-text" data-v-68fe55c1>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-68fe55c1 data-v-d3ebb734><button data-v-d3ebb734>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-27e9c719 data-v-7180db02><div class="curtain" data-v-7180db02></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-7180db02><span class="visually-hidden" id="sidebar-aria-label" data-v-7180db02> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-d4c9a14c><section class="VPSidebarItem level-0" data-v-d4c9a14c data-v-677772fa><div class="item" role="button" tabindex="0" data-v-677772fa><div class="indicator" data-v-677772fa></div><h2 class="text" data-v-677772fa>全局配置</h2><!----></div><div class="items" data-v-677772fa><!--[--><div class="VPSidebarItem level-1 is-link" data-v-677772fa data-v-677772fa><div class="item" data-v-677772fa><div class="indicator" data-v-677772fa></div><a class="VPLink link link" href="/element-plus-extend-doc/component/config-provider/" data-v-677772fa><!--[--><p class="text" data-v-677772fa>ConfigProvider全局配置</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-d4c9a14c><section class="VPSidebarItem level-0 has-active" data-v-d4c9a14c data-v-677772fa><div class="item" role="button" tabindex="0" data-v-677772fa><div class="indicator" data-v-677772fa></div><h2 class="text" data-v-677772fa>表单组件</h2><!----></div><div class="items" data-v-677772fa><!--[--><div class="VPSidebarItem level-1 is-link" data-v-677772fa data-v-677772fa><div class="item" data-v-677772fa><div class="indicator" data-v-677772fa></div><a class="VPLink link link" href="/element-plus-extend-doc/component/form/" data-v-677772fa><!--[--><p class="text" data-v-677772fa>Form表单</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-677772fa data-v-677772fa><div class="item" data-v-677772fa><div class="indicator" data-v-677772fa></div><a class="VPLink link link" href="/element-plus-extend-doc/component/autocomplete/" data-v-677772fa><!--[--><p class="text" data-v-677772fa>Autocomplete自动补全</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-677772fa data-v-677772fa><div class="item" data-v-677772fa><div class="indicator" data-v-677772fa></div><a class="VPLink link link" href="/element-plus-extend-doc/component/cascader/" data-v-677772fa><!--[--><p class="text" data-v-677772fa>Cascader级联选择器</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-677772fa data-v-677772fa><div class="item" data-v-677772fa><div class="indicator" data-v-677772fa></div><a class="VPLink link link" href="/element-plus-extend-doc/component/checkbox-group/" data-v-677772fa><!--[--><p class="text" data-v-677772fa>Checkbox复选框组</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-677772fa data-v-677772fa><div class="item" data-v-677772fa><div class="indicator" data-v-677772fa></div><a class="VPLink link link" href="/element-plus-extend-doc/component/date-picker/" data-v-677772fa><!--[--><p class="text" data-v-677772fa>DatePicker日期选择器</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-677772fa data-v-677772fa><div class="item" data-v-677772fa><div class="indicator" data-v-677772fa></div><a class="VPLink link link" href="/element-plus-extend-doc/component/icon-select/" data-v-677772fa><!--[--><p class="text" data-v-677772fa>IconSelect图标选择器</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-677772fa data-v-677772fa><div class="item" data-v-677772fa><div class="indicator" data-v-677772fa></div><a class="VPLink link link" href="/element-plus-extend-doc/component/input/" data-v-677772fa><!--[--><p class="text" data-v-677772fa>Input输入框</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-677772fa data-v-677772fa><div class="item" data-v-677772fa><div class="indicator" data-v-677772fa></div><a class="VPLink link link" href="/element-plus-extend-doc/component/input-range/" data-v-677772fa><!--[--><p class="text" data-v-677772fa>InputRange范围输入框</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-677772fa data-v-677772fa><div class="item" data-v-677772fa><div class="indicator" data-v-677772fa></div><a class="VPLink link link" href="/element-plus-extend-doc/component/radio-group/" data-v-677772fa><!--[--><p class="text" data-v-677772fa>Radio单选框组</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-677772fa data-v-677772fa><div class="item" data-v-677772fa><div class="indicator" data-v-677772fa></div><a class="VPLink link link" href="/element-plus-extend-doc/component/select/" data-v-677772fa><!--[--><p class="text" data-v-677772fa>Select选择器</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-677772fa data-v-677772fa><div class="item" data-v-677772fa><div class="indicator" data-v-677772fa></div><a class="VPLink link link" href="/element-plus-extend-doc/component/tree-select/" data-v-677772fa><!--[--><p class="text" data-v-677772fa>TreeSelect树选择器</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-677772fa data-v-677772fa><div class="item" data-v-677772fa><div class="indicator" data-v-677772fa></div><a class="VPLink link link" href="/element-plus-extend-doc/component/tag-select/" data-v-677772fa><!--[--><p class="text" data-v-677772fa>TagSelect标签选择器</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-677772fa data-v-677772fa><div class="item" data-v-677772fa><div class="indicator" data-v-677772fa></div><a class="VPLink link link" href="/element-plus-extend-doc/component/color-picker/" data-v-677772fa><!--[--><p class="text" data-v-677772fa>ColorPicker颜色选择器</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-677772fa data-v-677772fa><div class="item" data-v-677772fa><div class="indicator" data-v-677772fa></div><a class="VPLink link link" href="/element-plus-extend-doc/component/pop-select/" data-v-677772fa><!--[--><p class="text" data-v-677772fa>PopSelect弹出选择</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-d4c9a14c><section class="VPSidebarItem level-0" data-v-d4c9a14c data-v-677772fa><div class="item" role="button" tabindex="0" data-v-677772fa><div class="indicator" data-v-677772fa></div><h2 class="text" data-v-677772fa>高级表单组件</h2><!----></div><div class="items" data-v-677772fa><!--[--><div class="VPSidebarItem level-1 is-link" data-v-677772fa data-v-677772fa><div class="item" data-v-677772fa><div class="indicator" data-v-677772fa></div><a class="VPLink link link" href="/element-plus-extend-doc/component/user-select/" data-v-677772fa><!--[--><p class="text" data-v-677772fa>UserSelect人员选择</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-677772fa data-v-677772fa><div class="item" data-v-677772fa><div class="indicator" data-v-677772fa></div><a class="VPLink link link" href="/element-plus-extend-doc/component/org-select/" data-v-677772fa><!--[--><p class="text" data-v-677772fa>OrgSelect组织选择</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-677772fa data-v-677772fa><div class="item" data-v-677772fa><div class="indicator" data-v-677772fa></div><a class="VPLink link link" href="/element-plus-extend-doc/component/date-picker-shortcut/" data-v-677772fa><!--[--><p class="text" data-v-677772fa>DatePickerShortcut快捷日期选择</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-d4c9a14c><section class="VPSidebarItem level-0" data-v-d4c9a14c data-v-677772fa><div class="item" role="button" tabindex="0" data-v-677772fa><div class="indicator" data-v-677772fa></div><h2 class="text" data-v-677772fa>搜索组件</h2><!----></div><div class="items" data-v-677772fa><!--[--><div class="VPSidebarItem level-1 is-link" data-v-677772fa data-v-677772fa><div class="item" data-v-677772fa><div class="indicator" data-v-677772fa></div><a class="VPLink link link" href="/element-plus-extend-doc/component/search-form/" data-v-677772fa><!--[--><p class="text" data-v-677772fa>SearchForm表单搜索</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-677772fa data-v-677772fa><div class="item" data-v-677772fa><div class="indicator" data-v-677772fa></div><a class="VPLink link link" href="/element-plus-extend-doc/component/search-shortcut/" data-v-677772fa><!--[--><p class="text" data-v-677772fa>SearchShortcut快捷搜索</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-677772fa data-v-677772fa><div class="item" data-v-677772fa><div class="indicator" data-v-677772fa></div><a class="VPLink link link" href="/element-plus-extend-doc/component/search-combination/" data-v-677772fa><!--[--><p class="text" data-v-677772fa>SearchCombination组合搜索</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-d4c9a14c><section class="VPSidebarItem level-0" data-v-d4c9a14c data-v-677772fa><div class="item" role="button" tabindex="0" data-v-677772fa><div class="indicator" data-v-677772fa></div><h2 class="text" data-v-677772fa>数据展示</h2><!----></div><div class="items" data-v-677772fa><!--[--><div class="VPSidebarItem level-1 is-link" data-v-677772fa data-v-677772fa><div class="item" data-v-677772fa><div class="indicator" data-v-677772fa></div><a class="VPLink link link" href="/element-plus-extend-doc/component/tree/" data-v-677772fa><!--[--><p class="text" data-v-677772fa>Tree树</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-677772fa data-v-677772fa><div class="item" data-v-677772fa><div class="indicator" data-v-677772fa></div><a class="VPLink link link" href="/element-plus-extend-doc/component/table/" data-v-677772fa><!--[--><p class="text" data-v-677772fa>Table表格</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-d4c9a14c><section class="VPSidebarItem level-0" data-v-d4c9a14c data-v-677772fa><div class="item" role="button" tabindex="0" data-v-677772fa><div class="indicator" data-v-677772fa></div><h2 class="text" data-v-677772fa>反馈组件</h2><!----></div><div class="items" data-v-677772fa><!--[--><div class="VPSidebarItem level-1 is-link" data-v-677772fa data-v-677772fa><div class="item" data-v-677772fa><div class="indicator" data-v-677772fa></div><a class="VPLink link link" href="/element-plus-extend-doc/component/dialog/" data-v-677772fa><!--[--><p class="text" data-v-677772fa>Dialog对话框</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-677772fa data-v-677772fa><div class="item" data-v-677772fa><div class="indicator" data-v-677772fa></div><a class="VPLink link link" href="/element-plus-extend-doc/component/drawer/" data-v-677772fa><!--[--><p class="text" data-v-677772fa>Drawer抽屉</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-677772fa data-v-677772fa><div class="item" data-v-677772fa><div class="indicator" data-v-677772fa></div><a class="VPLink link link" href="/element-plus-extend-doc/component/modal/" data-v-677772fa><!--[--><p class="text" data-v-677772fa>Modal模态框</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-d4c9a14c><section class="VPSidebarItem level-0" data-v-d4c9a14c data-v-677772fa><div class="item" role="button" tabindex="0" data-v-677772fa><div class="indicator" data-v-677772fa></div><h2 class="text" data-v-677772fa>其他</h2><!----></div><div class="items" data-v-677772fa><!--[--><div class="VPSidebarItem level-1 is-link" data-v-677772fa data-v-677772fa><div class="item" data-v-677772fa><div class="indicator" data-v-677772fa></div><a class="VPLink link link" href="/element-plus-extend-doc/component/split-pane/" data-v-677772fa><!--[--><p class="text" data-v-677772fa>Splitter分隔板</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-677772fa data-v-677772fa><div class="item" data-v-677772fa><div class="indicator" data-v-677772fa></div><a class="VPLink link link" href="/element-plus-extend-doc/component/contextmenu/" data-v-677772fa><!--[--><p class="text" data-v-677772fa>Contextmenu右键菜单</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-677772fa data-v-677772fa><div class="item" data-v-677772fa><div class="indicator" data-v-677772fa></div><a class="VPLink link link" href="/element-plus-extend-doc/component/sticky-tool/" data-v-677772fa><!--[--><p class="text" data-v-677772fa>StickyTool悬浮边栏</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-677772fa data-v-677772fa><div class="item" data-v-677772fa><div class="indicator" data-v-677772fa></div><a class="VPLink link link" href="/element-plus-extend-doc/component/dot/" data-v-677772fa><!--[--><p class="text" data-v-677772fa>Dot圆点</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-27e9c719 data-v-770755fd><div class="VPDoc has-sidebar has-aside" data-v-770755fd data-v-b4365399><!--[--><!--]--><div class="container" data-v-b4365399><div class="aside" data-v-b4365399><div class="aside-curtain" data-v-b4365399></div><div class="aside-container" data-v-b4365399><div class="aside-content" data-v-b4365399><div class="VPDocAside" data-v-b4365399 data-v-7cb61272><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-7cb61272 data-v-9a689779><div class="content" data-v-9a689779><div class="outline-marker" data-v-9a689779></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-9a689779>CONTENTS</div><ul class="VPDocOutlineItem root" data-v-9a689779 data-v-9b2dbb2c><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-7cb61272></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-b4365399><div class="content-container" data-v-b4365399><!--[--><!--]--><main class="main" data-v-b4365399><div style="position:relative;" class="vp-doc _element-plus-extend-doc_component_form_" data-v-b4365399><div><h1 id="exform-表单" tabindex="-1">ExForm 表单 <a class="header-anchor" href="#exform-表单" aria-label="Permalink to &quot;ExForm 表单&quot;">​</a></h1><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>使用表单收集、验证、提交数据，可按照规则配置呈现多元化表单。</p></div><h2 id="ref用法" tabindex="-1">Ref用法 <a class="header-anchor" href="#ref用法" aria-label="Permalink to &quot;Ref用法&quot;">​</a></h2><blockquote><p>绑定Ref属性调用表单方法</p></blockquote><div class="vitepress-demo-plugin-placeholder__container" style="" data-v-5eb3f8d4><div class="loader" data-v-5eb3f8d4></div><div class="loading-text" data-v-5eb3f8d4>loading</div></div><!----><h2 id="useform注册方式用法" tabindex="-1">useForm注册方式用法 <a class="header-anchor" href="#useform注册方式用法" aria-label="Permalink to &quot;useForm注册方式用法&quot;">​</a></h2><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>对于复杂的场景，可以配合 <code>useForm</code> 来使用，代码更加简介</p></div><div class="vitepress-demo-plugin-placeholder__container" style="" data-v-5eb3f8d4><div class="loader" data-v-5eb3f8d4></div><div class="loading-text" data-v-5eb3f8d4>loading</div></div><!----><h2 id="表单项动态禁用" tabindex="-1">表单项动态禁用 <a class="header-anchor" href="#表单项动态禁用" aria-label="Permalink to &quot;表单项动态禁用&quot;">​</a></h2><div class="vitepress-demo-plugin-placeholder__container" style="" data-v-5eb3f8d4><div class="loader" data-v-5eb3f8d4></div><div class="loading-text" data-v-5eb3f8d4>loading</div></div><!----><h2 id="表单项动态显隐" tabindex="-1">表单项动态显隐 <a class="header-anchor" href="#表单项动态显隐" aria-label="Permalink to &quot;表单项动态显隐&quot;">​</a></h2><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>与表单项动态禁用API类似</p></div><div class="vitepress-demo-plugin-placeholder__container" style="" data-v-5eb3f8d4><div class="loader" data-v-5eb3f8d4></div><div class="loading-text" data-v-5eb3f8d4>loading</div></div><!----><h2 id="数据联动" tabindex="-1">数据联动 <a class="header-anchor" href="#数据联动" aria-label="Permalink to &quot;数据联动&quot;">​</a></h2><div class="tip custom-block"><p class="custom-block-title">TIP</p><ol><li>可使用<code>updateSchema</code>动态设置表单项数据源</li><li>可根据表单组件绑定api用法用法，动态设置API参数实现过滤</li></ol></div><div class="vitepress-demo-plugin-placeholder__container" style="" data-v-5eb3f8d4><div class="loader" data-v-5eb3f8d4></div><div class="loading-text" data-v-5eb3f8d4>loading</div></div><!----><h2 id="标单项单独使用" tabindex="-1">标单项单独使用 <a class="header-anchor" href="#标单项单独使用" aria-label="Permalink to &quot;标单项单独使用&quot;">​</a></h2><div class="vitepress-demo-plugin-placeholder__container" style="" data-v-5eb3f8d4><div class="loader" data-v-5eb3f8d4></div><div class="loading-text" data-v-5eb3f8d4>loading</div></div><!----><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="props" tabindex="-1">Props <a class="header-anchor" href="#props" aria-label="Permalink to &quot;Props&quot;">​</a></h3><table tabindex="0"><thead><tr><th style="text-align:left;">名称</th><th style="text-align:left;">类型</th><th style="text-align:left;">默认值</th><th style="text-align:left;">说明</th><th style="text-align:center;">必传</th></tr></thead><tbody><tr><td style="text-align:left;">model</td><td style="text-align:left;">object</td><td style="text-align:left;">-</td><td style="text-align:left;">表单数据对象</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">theme</td><td style="text-align:left;"><code>table</code></td><td style="text-align:left;">-</td><td style="text-align:left;">主题</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">rules</td><td style="text-align:left;">object</td><td style="text-align:left;">-</td><td style="text-align:left;">表单校验规则</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">inline</td><td style="text-align:left;">boolean</td><td style="text-align:left;">false</td><td style="text-align:left;">行内表单模式</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">showMessage</td><td style="text-align:left;">boolean</td><td style="text-align:left;">true</td><td style="text-align:left;">是否显示校验错误信息</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">inlineMessage</td><td style="text-align:left;">boolean</td><td style="text-align:left;">false</td><td style="text-align:left;">是否以行内形式展示校验信息</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">hideRequiredAsterisk</td><td style="text-align:left;">boolean</td><td style="text-align:left;">false</td><td style="text-align:left;">是否隐藏必填*号</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">requireAsteriskPosition</td><td style="text-align:left;"><code>right</code> <code>left</code></td><td style="text-align:left;"><code>left</code></td><td style="text-align:left;">必填*号位置</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">labelPosition</td><td style="text-align:left;"><code>top</code> <code>right</code> <code>left</code></td><td style="text-align:left;"><code>right</code></td><td style="text-align:left;">表单域标签的位置</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">labelWidth</td><td style="text-align:left;">number/string</td><td style="text-align:left;">-</td><td style="text-align:left;">标签的宽度</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">labelSuffix</td><td style="text-align:left;">string</td><td style="text-align:left;">-</td><td style="text-align:left;">标签后缀</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">validateOnRuleChange</td><td style="text-align:left;">boolean</td><td style="text-align:left;">true</td><td style="text-align:left;">是否在 rules 属性改变后立即触发一次验证</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">scrollToError</td><td style="text-align:left;">boolean</td><td style="text-align:left;">-</td><td style="text-align:left;">当校验失败时，滚动到第一个错误表单项</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">disabled</td><td style="text-align:left;">boolean</td><td style="text-align:left;">false</td><td style="text-align:left;">是否被禁用</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">size</td><td style="text-align:left;">string</td><td style="text-align:left;">-</td><td style="text-align:left;">组件大小</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">schemas</td><td style="text-align:left;">Array</td><td style="text-align:left;">-</td><td style="text-align:left;">表单项配置，数据类型请参阅下面<a href="#iexformschema">IExFormSchema</a></td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">autoPickSchemaFields</td><td style="text-align:left;">boolean</td><td style="text-align:left;">-</td><td style="text-align:left;">是否仅绑定表单项配置的属性，会忽略配置中不存在的属性</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">baseColProps</td><td style="text-align:left;">number/object</td><td style="text-align:left;">8</td><td style="text-align:left;">表单项栅格配置属性</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">gutter</td><td style="text-align:left;">number</td><td style="text-align:left;">18</td><td style="text-align:left;">表单项栅格间距配置</td><td style="text-align:center;">N</td></tr></tbody></table><h3 id="formschema" tabindex="-1">FormSchema <a class="header-anchor" href="#formschema" aria-label="Permalink to &quot;FormSchema&quot;">​</a></h3><table tabindex="0"><thead><tr><th style="text-align:left;">名称</th><th style="text-align:left;">类型</th><th style="text-align:left;">默认值</th><th style="text-align:left;">说明</th><th style="text-align:center;">必传</th></tr></thead><tbody><tr><td style="text-align:left;">prop</td><td style="text-align:left;">string</td><td style="text-align:left;">-</td><td style="text-align:left;">model 的键名</td><td style="text-align:center;">Y</td></tr><tr><td style="text-align:left;">label</td><td style="text-align:left;">string</td><td style="text-align:left;">-</td><td style="text-align:left;">标签</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">labelWidth</td><td style="text-align:left;">number/string</td><td style="text-align:left;">-</td><td style="text-align:left;">标签的宽度</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">required</td><td style="text-align:left;">boolean</td><td style="text-align:left;">-</td><td style="text-align:left;">是否必填</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">rules</td><td style="text-align:left;">object/Array</td><td style="text-align:left;">-</td><td style="text-align:left;">表单校验规则</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">showMessage</td><td style="text-align:left;">boolean</td><td style="text-align:left;">true</td><td style="text-align:left;">是否显示校验错误信息</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">inlineMessage</td><td style="text-align:left;">boolean</td><td style="text-align:left;">false</td><td style="text-align:left;">是否以行内形式展示校验信息</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">size</td><td style="text-align:left;">string</td><td style="text-align:left;">-</td><td style="text-align:left;">组件大小</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">showLabel</td><td style="text-align:left;">boolean</td><td style="text-align:left;">true</td><td style="text-align:left;">是否显示标签</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">helpMessage</td><td style="text-align:left;">string</td><td style="text-align:left;">-</td><td style="text-align:left;">提示信息</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">colProps</td><td style="text-align:left;">number/object</td><td style="text-align:left;">-</td><td style="text-align:left;">表单项栅格配置属性</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">show</td><td style="text-align:left;">boolean/Function</td><td style="text-align:left;">-</td><td style="text-align:left;">表单项是否显示</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">disabled</td><td style="text-align:left;">boolean/Function</td><td style="text-align:left;">-</td><td style="text-align:left;">表单项是否禁用，<code>继承表单disabled属性，如绑定的是函数，则会忽略表单disabled属性</code></td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">renderFormItem</td><td style="text-align:left;">boolean/Function</td><td style="text-align:left;">-</td><td style="text-align:left;">是否渲染FormItem</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">component</td><td style="text-align:left;">string/Component</td><td style="text-align:left;">-</td><td style="text-align:left;">渲染的组件</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">componentProps</td><td style="text-align:left;">object/Function</td><td style="text-align:left;">-</td><td style="text-align:left;">渲染的组件属性</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">defaultValue</td><td style="text-align:left;">any</td><td style="text-align:left;">-</td><td style="text-align:left;">默认值</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">renderContent</td><td style="text-align:left;">Function</td><td style="text-align:left;">-</td><td style="text-align:left;">自定义渲染内容，与FormItem的default插槽一致</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">slots</td><td style="text-align:left;">object</td><td style="text-align:left;">-</td><td style="text-align:left;">FormItem的插槽</td><td style="text-align:center;">N</td></tr></tbody></table><h3 id="events" tabindex="-1">Events <a class="header-anchor" href="#events" aria-label="Permalink to &quot;Events&quot;">​</a></h3><table tabindex="0"><thead><tr><th style="text-align:left;">名称</th><th style="text-align:left;">参数</th><th style="text-align:left;">说明</th></tr></thead><tbody><tr><td style="text-align:left;">register</td><td style="text-align:left;"><code>(instance)</code></td><td style="text-align:left;">注册事件</td></tr></tbody></table><h3 id="slots" tabindex="-1">Slots <a class="header-anchor" href="#slots" aria-label="Permalink to &quot;Slots&quot;">​</a></h3><table tabindex="0"><thead><tr><th style="text-align:left;">名称</th><th style="text-align:left;">参数</th><th style="text-align:left;">说明</th></tr></thead><tbody><tr><td style="text-align:left;"><code>[formItem.prop]</code></td><td style="text-align:left;">-</td><td style="text-align:left;">自定义表单项内容</td></tr></tbody></table><h3 id="exposes" tabindex="-1">Exposes <a class="header-anchor" href="#exposes" aria-label="Permalink to &quot;Exposes&quot;">​</a></h3><table tabindex="0"><thead><tr><th style="text-align:left;">名称</th><th style="text-align:left;">类型</th><th style="text-align:left;">说明</th></tr></thead><tbody><tr><td style="text-align:left;">setProps</td><td style="text-align:left;"><code>(data?:Record&lt;string, unknown&gt;)</code></td><td style="text-align:left;">设置属性方法，<code>data</code>为表单props值</td></tr><tr><td style="text-align:left;">validate</td><td style="text-align:left;"><code>(showMessage?:boolean)</code></td><td style="text-align:left;">表单校验，<code>showMessage</code>是否开启弹出提示</td></tr><tr><td style="text-align:left;">setModelValue</td><td style="text-align:left;"><code>(model)</code></td><td style="text-align:left;">设置表单值，<code>model</code>表单数据对象</td></tr><tr><td style="text-align:left;">getModelValue</td><td style="text-align:left;"><code>(props?: string[])</code></td><td style="text-align:left;">获取表单值，<code>props</code>可指定获取某些属性值</td></tr><tr><td style="text-align:left;">clearModelValue</td><td style="text-align:left;"><code>(props?: string[])</code></td><td style="text-align:left;">清空表单值，<code>props</code>可指定清空某些属性值</td></tr><tr><td style="text-align:left;">resetFields</td><td style="text-align:left;"><code>(props?: string[])</code></td><td style="text-align:left;">重置表单值，<code>props</code>可指定某些属性</td></tr><tr><td style="text-align:left;">validateField</td><td style="text-align:left;"><code>(props?: string[])</code></td><td style="text-align:left;">局部表单校验，<code>props</code>可指定某些属性</td></tr><tr><td style="text-align:left;">clearValidate</td><td style="text-align:left;"><code>(props?: string[])</code></td><td style="text-align:left;">清理校验信息，<code>props</code>可指定某些属性</td></tr><tr><td style="text-align:left;">scrollToField</td><td style="text-align:left;"><code>(prop: string)</code></td><td style="text-align:left;">滚动到指定的字段，<code>prop</code>表单项属性</td></tr><tr><td style="text-align:left;">updateSchema</td><td style="text-align:left;"><code>(schemas?: IExFormSchema/Array&lt;IExFormSchema&gt;)</code></td><td style="text-align:left;">动态更新表单项配置，依据<code>schemas</code>中prop值作为标识</td></tr></tbody></table><h2 id="formitem-api" tabindex="-1">FormItem API <a class="header-anchor" href="#formitem-api" aria-label="Permalink to &quot;FormItem API&quot;">​</a></h2><h3 id="formitemprops" tabindex="-1">FormItemProps <a class="header-anchor" href="#formitemprops" aria-label="Permalink to &quot;FormItemProps&quot;">​</a></h3><table tabindex="0"><thead><tr><th style="text-align:left;">名称</th><th style="text-align:left;">类型</th><th style="text-align:left;">默认值</th><th style="text-align:left;">说明</th><th style="text-align:center;">必传</th></tr></thead><tbody><tr><td style="text-align:left;">prop</td><td style="text-align:left;">string</td><td style="text-align:left;">-</td><td style="text-align:left;">model 的键名</td><td style="text-align:center;">Y</td></tr><tr><td style="text-align:left;">label</td><td style="text-align:left;">string</td><td style="text-align:left;">-</td><td style="text-align:left;">标签</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">labelWidth</td><td style="text-align:left;">number/string</td><td style="text-align:left;">-</td><td style="text-align:left;">标签的宽度</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">required</td><td style="text-align:left;">boolean</td><td style="text-align:left;">-</td><td style="text-align:left;">是否必填</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">rules</td><td style="text-align:left;">object/Array</td><td style="text-align:left;">-</td><td style="text-align:left;">表单校验规则</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">showMessage</td><td style="text-align:left;">boolean</td><td style="text-align:left;">true</td><td style="text-align:left;">是否显示校验错误信息</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">inlineMessage</td><td style="text-align:left;">boolean</td><td style="text-align:left;">false</td><td style="text-align:left;">是否以行内形式展示校验信息</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">size</td><td style="text-align:left;">string</td><td style="text-align:left;">-</td><td style="text-align:left;">组件大小</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">showLabel</td><td style="text-align:left;">boolean</td><td style="text-align:left;">true</td><td style="text-align:left;">是否显示标签</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">helpMessage</td><td style="text-align:left;">string</td><td style="text-align:left;">-</td><td style="text-align:left;">提示信息</td><td style="text-align:center;">N</td></tr><tr><td style="text-align:left;">colProps</td><td style="text-align:left;">number/object</td><td style="text-align:left;">-</td><td style="text-align:left;">表单项栅格配置属性</td><td style="text-align:center;">N</td></tr></tbody></table><h3 id="formitemslots" tabindex="-1">FormItemSlots <a class="header-anchor" href="#formitemslots" aria-label="Permalink to &quot;FormItemSlots&quot;">​</a></h3><table tabindex="0"><thead><tr><th style="text-align:left;">名称</th><th style="text-align:left;">参数</th><th style="text-align:left;">说明</th></tr></thead><tbody><tr><td style="text-align:left;">prepend</td><td style="text-align:left;">-</td><td style="text-align:left;">前置内容</td></tr><tr><td style="text-align:left;">default</td><td style="text-align:left;">-</td><td style="text-align:left;">表单项内容</td></tr><tr><td style="text-align:left;">append</td><td style="text-align:left;">-</td><td style="text-align:left;">后置内容</td></tr><tr><td style="text-align:left;">label</td><td style="text-align:left;"><code>({label, helpMessage})</code></td><td style="text-align:left;">标签位置显示的内容</td></tr><tr><td style="text-align:left;">error</td><td style="text-align:left;"><code>({error})</code></td><td style="text-align:left;">验证错误信息的显示内容</td></tr></tbody></table><h2 id="类型声明" tabindex="-1">类型声明 <a class="header-anchor" href="#类型声明" aria-label="Permalink to &quot;类型声明&quot;">​</a></h2><h3 id="iexformschema" tabindex="-1">IExFormSchema <a class="header-anchor" href="#iexformschema" aria-label="Permalink to &quot;IExFormSchema&quot;">​</a></h3><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">export</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> interface</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IExFormSchema</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IExFormItemProps</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">  prop</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">  label</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">  show</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> boolean</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> ((</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">params</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IExFormItemParams</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> boolean</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">);</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">  disabled</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> boolean</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> ((</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">params</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IExFormItemParams</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> boolean</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">);</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">  renderFormItem</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> boolean</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> ((</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">params</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IExFormItemParams</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> boolean</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">);</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">  component</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IExFormSchemaComponent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">  componentProps</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ObjectConstructor</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> ((</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">params</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IExFormItemParams</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ObjectConstructor</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">);</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">  defaultValue</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> any</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">  renderContent</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?:</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">params</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IExFormItemParams</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IComponentNode</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">  slots</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IExFormItemSlotsType</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-b4365399 data-v-54c5a412><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-54c5a412><span class="visually-hidden" id="doc-footer-aria-label" data-v-54c5a412>Pager</span><div class="pager" data-v-54c5a412><a class="VPLink link pager-link prev" href="/element-plus-extend-doc/component/config-provider/" data-v-54c5a412><!--[--><span class="desc" data-v-54c5a412>Previous page</span><span class="title" data-v-54c5a412>ConfigProvider全局配置</span><!--]--></a></div><div class="pager" data-v-54c5a412><a class="VPLink link pager-link next" href="/element-plus-extend-doc/component/autocomplete/" data-v-54c5a412><!--[--><span class="desc" data-v-54c5a412>Next page</span><span class="title" data-v-54c5a412>Autocomplete自动补全</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><!----><!--[--><!--]--></div></div>
    
    
  </body>
</html>